@use '../uni.scss';

@for $i from 1 through 20 {
  .w-#{$i} {
    width: $i * uni.$uni-sizing-size-base;
  }

  .h-#{$i} {
    height: $i * uni.$uni-sizing-size-base;
  }
}

.w-full {
  width: 100%;
}

.w-full-25 {
  width: 25%;
}

.h-full {
  height: 100%;
}

.w-screen {
  width: 100vw;
}

.h-screen {
  height: 100vh;
}

.w {
  width: 1px;
}

.h {
  height: 1px;
}

.w-1_5 {
  width: uni.$uni-sizing-size-base * 1.5;
}

.h-1_5 {
  height: uni.$uni-sizing-size-base * 1.5;
}
